<!DOCTYPE html>
<html>

<head>
    
    <title>Sankofa</title>
    <script
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"
    type="text/javascript"></script>
    <link rel=StyleSheet href="navbarstyle.css" />

    


</head>

<body>

  <a class="logo" href="index.html" >
        <img id="logo" src="../images/Sankofacolorlogo.jpg"/>
        </a>

    <div id = "description"><h1>Welcome to the Sankofa Database!</h1></div>

    <nav class="NavBar">
    <ul>
          <li>
            <a class= "Volunteer" href="volunteer.html"> Volunteers</a>
             <ul>
                    <li><a href="volunteer.html" title="Search"> Search </a></li>
                    <li><a href="addvolunteer.html" title="Edit"> Edit </a></li>
                </ul>
            </li>    
      <li>
        <a class= "Events" href="events.html"> Events</a>
        <ul>
          <li><a href="events.html" title="Search"> Search </a></li>
          <li><a href="addevents.html" title="Edit"> Edit </a></li>
        </ul>
      </li>

          <li><a class= "Plants" href="plants.html"> Plants</a>
            <ul>
          <li><a href="plants.html" title="Search"> Search </a></li>
          <li><a href="addplants.html" title="Edit"> Edit </a></li>
        </ul>
      </li>
      <li>
        <a class= "Source" href="source.html"> Source</a>
        <ul>
          <li><a href="source.html" title="Search"> Search </a></li>
          <li><a href="addsource.html" title="Edit"> Edit </a></li>
        </ul>
      </li>  
        </ul>
    </nav>

</body>

</html>
